layui.use(['form', 'table', 'upload'], function () {
    var form = layui.form,
        layer = layui.layer,
        table = layui.table,
        $ = layui.$,
        upload = layui.upload;

    /**
     * 初始化表单，要加上，不然刷新部分组件可能会不加载
     */
    form.render();

    // 当前弹出层，防止ID被覆盖
    var parentIndex = layer.index;

    //初始化
    $(function(){
        var id = $("#id").val();
        if(id != '' && id != null && id != undefined){
            var index = layer.load(2);
            var url = "/web/boPhotoAlbum/getInfoById";
            $.get(url, {id: id}, function(data){
                layer.close(index);
                if(data.state == "200"){
                    $("#name").val(data.name);
                    $("#album_image").attr('src', '/photo_album_img/' + data.img);
                    $("#albumImagePath").val(data.img);
                    if(data.type == '0'){
                        $($("input[name='type']")[0]).attr("checked", "checked");
                    }else{
                        $($("input[name='type']")[1]).attr("checked", "checked");
                    }
                    if(data.isLock == '1'){
                        $("#isLockSwitch").attr("checked", "checked");
                        $("#isLock").val('1');
                        $(".passwordFiv").show(); //显示密码输入框
                    }
                    $("#password").val(data.password);
                    if(data.isShow == '1'){
                        $("#isShowSwitch").removeAttr("checked");
                        $("#isShow").val('1');
                    }
                    $("#readNum").val(data.readNum);
                    $("#praiseNum").val(data.praiseNum);
                    $("#content").val(data.content);
                }else{
                    layer.msg(data.message, {icon:2});
                }
                form.render();
            })
        }
    });

    //相册封面图上传
    var uploadInst = upload.render({
        elem: '#imgBtn'
        ,url: '/web/boPhotoAlbum/uploadAlbumImg' //改成您自己的上传接口
        ,accept: 'images'
        ,before: function(obj){
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                $('#album_image').attr('src', result); //图片链接（base64）
            });
        }
        ,done: function(res){
            //上传成功
            if(res.state == "200"){
                $("#albumImagePath").val(res.fileName); //图片路径
                return layer.msg(res.message, {icon:1});
                //如果上传失败
            }else{
                return layer.msg(res.message, {icon:2});
            }
        }
        ,error: function(){
            //演示失败状态，并实现重传
            var demoText = $('#album_image_text');
            demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs head-reload">重试</a>');
            demoText.find('.head-reload').on('click', function(){
                uploadInst.upload();
            });
        }
    });

    //监听是否加锁开关
    form.on('switch(isLockSwitch)', function(data){
        if(data.elem.checked){
            $("#isLock").val("1"); //选中
            $(".passwordFiv").show(); //显示密码输入框
        }else {
            $("#isLock").val("0");
            $(".passwordFiv").hide(); //隐藏密码输入框
        }
    });

    //监听是否显示开关
    form.on('switch(isShowSwitch)', function(data){
        if(data.elem.checked){
            $("#isShow").val("0"); //选中
        }else {
            $("#isShow").val("1");
        }
    });

    //监听提交
    form.on('submit(saveBtn)', function (data) {
        var index = layer.load(2);
        var url = "/web/boPhotoAlbum/save";
        $.post(url, data.field, function(res){
            if(res.state == "200"){
                layer.msg(res.message, {icon:1});
            }else{
                layer.msg(res.message, {icon:2});
            }
            // 关闭弹出层
            layer.close(index);
            layer.close(parentIndex);
        }, 'json');

        return false;
    });

    $("#closeBtn").on("click", function(){
        // 关闭弹出层
        layer.close(parentIndex);
    });

});